<template>
  <div>
    <InputCom :title="'用户名'">
      <input type="text" />
    </InputCom>
    <InputCom :title="'密码'">
      <input type="password" />
    </InputCom>
    <InputCom :title="'性别'">
      <input type="radio" value="男" name="sex" /> 男
      <input type="radio" value="女" name="sex" /> 女
    </InputCom>
    <InputCom :title="'爱好'">
      <input type="checkbox" value="抽烟" /> 抽烟
      <input type="checkbox" value="喝酒" /> 喝酒
      <input type="checkbox" value="敲代码" /> 敲代码
    </InputCom>
    <InputCom :title="'来自于'">
      <select>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="杭州">杭州</option>
      </select>
    </InputCom>
  </div>
</template>

<script>
import InputCom from "./components/InputCom.vue";
export default {
  components: { InputCom },
};
</script>

<style>
</style>